$(function(){
//获取数据的函数
    function render(data=[]){
        let html="";

        data.forEach(item=>{
            html+=`
            <li productid=${item.productId}>
                ${item.productImgSm}
                <h4>${item.productName}</h4>
                <p class="left">${item.productFrom} | ${item.productTime}</p>
                <span class="iconfont">&#xe619;${item.productComCount}</span>
            </li>
            `
        })
        $('.list').html(html);
    }
//请求服务器
    $.ajax({
        url:'http://chst.vip:1234/api/getmoneyctrl', 
        data:{
            pageid:0
        }
    }).then(res=>{
        console.log(res);
        render(res.result);
        $('.list').on('click','li',function(){
            //跳转到详情页
            //携带product参数
            let productid=$(this).attr('productid');
            location.href=`./discount.html?productid=${productid}`
        })
    })

// 监听select的值改变
    $('#testSelect').on('change',function(){
        // console.log($('#testSelect option:selected') .val());
        var o=$('#testSelect') .val();
        console.log(o);

        $.ajax({
            url:'http://chst.vip:1234/api/getmoneyctrl', 
            data:{
                pageid:o
            }
        }).then(res=>{
            console.log(res);
            render(res.result);
            // $('.list').on('click','li',function(){
            //     let productid=$(this).attr('productid');
            //     location.href=`./indexXiang.html?productid=${productid}`
            // })
            $('.list').on('click','li',function(){
                //跳转到详情页
                //携带product参数
                let productid=$(this).attr('productid');
                location.href=`./indexXiang.html?productid=${productid}`
            })

            if($(this).val()==1){
                $('#left').attr('disabled','disabled')
            }else if($(this).val()==14){
                $('#right').attr('disabled','disabled')
            }
        })
        
    })

    // 添加按钮事件

    // $('#left').prop('disabled',true);
    // var bool=false;

    $('#right').on('click',function(){
        $("#left").removeAttr('disabled')
        var n=$('#testSelect').val();
        console.log(n);
        n++;
        if(n>=14){
            $('#right').prop('disabled','disabled')
        }
        $('#testSelect').val(n);
        $.ajax({
            url:'http://chst.vip:1234/api/getmoneyctrl', 
            data:{
                pageid:n
            }
        }).then(res=>{
            console.log(res);
            render(res.result);
            $('.list').on('click','li',function(){
                //跳转到详情页
                //携带product参数
                let productid=$(this).attr('productid');
                location.href=`./indexXiang.html?productid=${productid}`
            })
        })

    })

    
        $('#left').on('click',function(){
            $("#right").removeAttr('disabled')
            var n=$('#testSelect').val();
            if(n<=1){
                $('#left').attr('disabled',true)
            }
            else{
                n--;
                $('#testSelect').val(n);
                $.ajax({
                    url:'http://chst.vip:1234/api/getmoneyctrl', 
                    data:{
                        pageid:n
                    }
                }).then(res=>{
                    console.log(res);
                    render(res.result);
                    $('.list').on('click','li',function(){
                        //跳转到详情页
                        //携带product参数
                        let productid=$(this).attr('productid');
                        location.href=`./indexXiang.html?productid=${productid}`
                    })
                })
            }
            
        })
    
    
    

})